<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">
            <!-- 头部 -->
            <div class="panel-body">
				<form  class="form-horizontal">
                   	<div class="form-group">
                   		<div class="col-sm-2">
                            <select class="form-control" ng-model="param.statsType" id="statsType" name="statsType">
                                <option value="">--统计类型--</option>
                                <!-- <option value="1">投放统计</option> -->
                                <option value="2">投放时段</option>
                                <option value="3">投放地域</option>
                                <option value="4">投放创意</option>
                                <option value="5">投放平台</option>
                            </select>
                        </div>
                        
                        <div class="col-sm-2">
                            <select class="form-control" ng-model="param.type" id="type" name="type">
                                <option value="">--地域维度--</option>
                                <option value="0">省/直辖市</option>
                                <option value="1">城市</option>
                            </select>
                        </div>
                        
                        <div class="col-sm-2">
                            <select class="form-control" ng-model="param.advertiser"
                                    ng-options="d.id as d.advertiserName for d in advertiserList" id="advertiserId" ng-change="getPlanList()">
                                <option value="">--广告主--</option>
                            </select>
                        </div>

                        <div class="col-sm-2">
                            <my-select2 dataout="pageSize" datain="{{pageSizeList}}" class=' selectWrap'>
				            <input type='text' class='select-normal' placeholder="计划名称" class="mam txt-normal" readonly>
				            <ul class='optionWrap'>
				                <my-option2 ng-repeat='item in pageSizeList' class='select-normal'
				                       value="item.id" text='{{item.value}}'style=' position:relative;'>
                                    <input style="display: block;float: left;width: auto"  type="checkbox">
                                    {{item.value}}
				                </my-option2>
				            </ul>
				            </my-select2>
                        </div>
                        <!--<div class="col-sm-2">-->
                            <!--<select class="form-control" ng-model="param.planName" multiple="multiple"-->
                            	<!--ng-options="p.id as p.name for p in planList" id="planId" name="planId">-->
                                <!--<option value="">&#45;&#45;计划名称&#45;&#45;</option>-->
                            <!--</select>-->
                        <!--</div>-->
                        
                        <div class="col-sm-2">
                            <input type="text" ng-model="param.startTime" placeholder="开始日期"  id="startTime" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD', start: laydate.now(0, 'YYYY-MM-DD')})"/>
                        </div>
                        
                        <div class="col-sm-2">
                            <input type="text" ng-model="param.endTime" placeholder="结束日期"  id="endTime" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD', start: laydate.now(0, 'YYYY-MM-DD')})"/>
                        </div>
                    </div>
                     
                    <div class="form-group">
                       	<div class="col-sm-6">
                            <label class="col-sm-2"><button class="ifc-btn btn-primary"  ng-click="searchRe()" >查 询</button></label>
                            <label class="col-sm-2"><button class="ifc-btn btn-dark"  ng-click="clearSearch()">重  置</button></label>
                        </div>
                   	</div>
				</form>
            </div>

            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>统计日期</th>
                        <th>投放时段</th>
                        <th>省/市</th>
                        <th>创意名称</th>
                        <th>平台名称</th>
                        <th>竞价次数</th>
                        <th>曝光次数</th>
                        <th>曝光人数</th>
                        <th>点击次数</th>
                        <th>点击人数</th>
                        <th>到达次数</th>
                        <th>到达人数</th>
                        <th>二跳数</th>
                        <th>点击转化数</th>
                        <th>曝光转化数</th>
                        <th>人均访问深度</th>
                        <th>实际投放成本/元</th>
                        <th>结算金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.records">
                        <td class="v-middle">{{$index + 1}}</td>
                        <td class="v-middle">{{item.statDate}}</td>
                        <td class="v-middle">{{item.hour}}</td>
                        <td class="v-middle">{{item.name}}</td>
                        <td class="v-middle">{{item.creativeName}}</td>
                        <td class="v-middle">{{item.channel}}</td>
                        <td class="v-middle">{{item.bidTime}}</td>
                        <td class="v-middle">{{item.delivery}}</td>
                        <td class="v-middle">{{item.deliveryUV}}</td>
                        <td class="v-middle">{{item.clicks}}</td>
                        <td class="v-middle">{{item.clickUV}}</td>
                        <td class="v-middle">{{item.reach}}</td>
                        <td class="v-middle">{{item.reachUV}}</td>
                        <td class="v-middle">{{item.secondClickUV}}</td>
                        <td class="v-middle">{{item.orders}}</td>
                        <td class="v-middle">{{item.deliveryOrders}}</td>
                        <td class="v-middle">{{item.visitLength}}</td>
                        <td class="v-middle">{{item.totalCost}}</td>
                        <td class="v-middle">{{item.balance}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
			<!-- <span data-ng-include=" 'src/tpl/pageInfo.html' "></span> -->
        </div>
    </div>
</div>
<style>
    .selectWrap{
       width:250px
    }
</style>